<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    window对象中有个属性history  属性值对象
    1. 前进
    2. 后退
-->
<h2>history1</h2>
<button>跳转history2</button>
<button id="forward">前进</button>


<script>

    document.getElementsByTagName('button')[0].onclick = function (){
        window.location.href = './10-history2.html'
    }

    document.getElementById('forward').onclick = function (){
        // 前进
        // window.history.forward()
        // 参数  表示步数   正数 前进  负数 后退
        window.history.go(1)
    }


</script>
</body>
</html>